﻿@{
    ViewBag.Title = "Locations";
    Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml";
}
@model int
<script language="javascript" type="text/javascript">
    function clearErrors() {
        $('#msgErrorNewLocationDetails').html('');
        $('#msgError').html('');
    }

    function writeError(control, msg) {
        var err_msg = '<div class="alert-message error"><a class="close" href="#">×</a><p>' + msg + '</p></div>';
        $('#' + control).html(err_msg);
    }

    $(document).ready(function () {

        $('.closeModal').live('click', function () {
            $('#my-modal').modal('hide');
        });
        $('.close').live('click', function () {
            $('#my-modal').modal('hide');
        });

        $('#my-modal form').live('submit', function () {
            clearErrors();

            $.post($(this).attr('action'), $(this).serialize(), function (data, status) {
                $('#my-modal').modal('hide');
                $("#locationDetailsList").html(data);

            }).error(function (error, status, a, b) {
                writeError('msgError', 'Error processing request. Please check errors and try again!');
                $('.modal-body p.body').html(error.responseText);

            });
            return false;
        });

        function getRequest(url) {
            $.ajax({
                url: url,
                context: document.body,
                success: function (data) {
                    $('.modal-body p.body').html(data);
                    $(this).addClass("done");
                    $('#my-modal').modal('show');
                    $('#Article').focus();
                },
                error: function (err) {
                    writeError('msgErrorNewLocationDetails', err);
                }
            });
        }

        $('a.newDetailState').live('click', function () {
            clearErrors();
          var url = '@Url.Content("/admin/location-create")/@Model';
            getRequest(url);

            return false;
        });



        $('.editLocationDetails').live('click', function () {
            clearErrors();

            var id = $(this).attr("idLocationDetails");
            var url = '@Url.Content("/admin/location-edit")/' + id;

            getRequest(url);

            return false;
        });




    }); 
</script>
<div id="locationDetailsList">
    @{Html.RenderAction("LocationList", "Admin",new{countryId = Model});}
</div>
<div id="my-modal" class="modal hide fade">
    <div class="modal-header">
        <a href="javascript:void(0)" class="close">&times;</a>
        <h3>
            Location details</h3>
    </div>
    <div class="modal-body">
        <div id="msgError">
        </div>
        <p class="body">
        </p>
    </div>
    <div class="modal-footer">
    </div>
</div>
